<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>变相怪杰</title>
    <!--导入外部的JS-->
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/progressStep.js"></script>
    <script type="text/javascript" src="js/raphael.js"></script>
    <!--导入外部的CSS-->
    <link type="text/css" rel="stylesheet" href="css/step.css"/>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="css/index.css" />
 
<script type="text/javascript">
	$(document).ready(function () {
		var $progressDiv = $("#progressBar");
		var $progressBar = $progressDiv.progressStep();
		$progressBar.addStep("浏览影片");
		$progressBar.addStep("选择场次");
		$progressBar.addStep("选择座位");
		$progressBar.addStep("提交订单");
		$progressBar.addStep("查看订单");
		
		//控制步骤
		$progressBar.setCurrentStep(1);
		$progressBar.refreshLayout();
	});
</script>

 
 
</head>
<body>
	<header class="navbar navbar-inverse navbar-static-top" role="navigation">
     <div class="container ">
    	<nav class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">VeryEdu 影院订票系统</a>
  		</nav>
       </div>
    </header>
   
    
    <section class="container">
    	<nav id="progressBar" style="height:80px;margin-top:0px;"></nav>
 		<div class="row">
        	<aside class="col-md-3">   
            	<div class="thumbnail">	
        		<img src="images/The-Mask.jpg" class="img-rounded" /> 
                <div class="caption">
					<h4>变相怪杰<span class="price">&nbsp;&nbsp;￥47</span></h4>
                </div>
                </div>
			</aside>
            
            <article class="col-md-9">
              <table class="table table-hover" >
                <thead><th>日期</th><th>时间</th><th>大厅</th><th>操作</th></thead>
                <tbody>
                <tr>
                   <td rowspan="4">2010-09-21</td>
                   <td>19:00</td>
                   <td>1号大厅</td>
                   <td><a href="selectSeat.html" class="btn btn-primary" role="button">订票</a></td>
                </tr>
                
                <tr>
                   <td>19:00</td>
                   <td>1号大厅</td>
                   <td><a href="#" class="btn btn-primary" role="button">订票</a></td>
                </tr>
                
                <tr>
                   <td>19:00</td>
                   <td>1号大厅</td>
                   <td><a href="#" class="btn btn-primary" role="button">订票</a></td>
                </tr>
                
                <tr>
                   <td>15:00</td>
                   <td>2号大厅</td>
                   <td><a href="#" class="btn btn-primary" role="button">订票</a></td>
                </tr>
   				<tr>
                   <td rowspan="3">2010-09-21</td>
                   <td>19:00</td>
                   <td>1号大厅</td>
                   <td><a href="#" class="btn btn-primary" role="button">订票</a></td>
                </tr>
                
                <tr>
                   <td>19:00</td>
                   <td>1号大厅</td>
                   <td><a href="#" class="btn btn-primary" role="button">订票</a></td>
                </tr>
                <tr>
                   <td>19:00</td>
                   <td>1号大厅</td>
                   <td><a href="#" class="btn btn-primary" role="button">订票</a></td>
                </tr>
                
                <tr>
                   <td rowspan="2">2010-09-21</td>
                   <td>19:00</td>
                   <td>1号大厅</td>
                   <td><a href="#" class="btn btn-primary" role="button">订票</a></td>
                </tr>
                
                <tr>
                   <td>19:00</td>
                   <td>1号大厅</td>
                   <td><a href="#" class="btn btn-primary" role="button">订票</a></td>
                </tr>
                </tbody>
                </table>	
            </article>
            
   		</div>
    </section>

     <footer class="container row">
      <p class="col-md-6 col-md-offset-6" >&copy;company 2014</p>
    </footer>
</body>

</html>
